<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/WEB-INF/templates/template.xhtml"
	xmlns:t="http://myfaces.apache.org/tomahawk"
		xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
	
	>
	<ui:define name="content">
	<div style="height: 20px">
		<h:form id="formAdd">
		 	<h:inputText value="#{taskHome.task.description}" id="taskDesc"/>
			<a4j:commandButton action="#{taskHome.saveTask}" value="Salvar"  render="panel,formAdd" style="color : red;padding-left : 8px" />	
			<h:message for="taskDesc" style="color : red;padding-left : 8px"  />
        </h:form>
    </div>
	<div style="border-top: 1px solid #d0d0d0; margin-top: 12px; padding-top: 12px">
		<h:form >
			<a4j:outputPanel id="panel" ajaxRendered="true">
				 <rich:dataTable style="width: 300px" id="idTasks"  var="task" value="#{taskHome.tasks}" >
					 <rich:column>
						<f:facet name="header">
							<h:outputText value="ID" />
						</f:facet>
						<h:outputText value="#{task.id}" />
					</rich:column>
					 <rich:column>
						<f:facet name="header">
							<h:outputText value="Description" />
						</f:facet>
						<h:outputText value="#{task.description}" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Remover" />
						</f:facet>
						<a4j:commandLink value="x" action="#{taskHome.deleteTask}" render="idTasks"  >
							 <f:setPropertyActionListener target="#{taskHome.idTask}" value="#{task.id}"/>  
						</a4j:commandLink>
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Editar" />
						</f:facet>
						<a4j:commandLink value="Editar" render="idTasks,taskDesc"  >
							 <f:setPropertyActionListener target="#{taskHome.task}" value="#{task}"/> 
						</a4j:commandLink>
					</rich:column>
				</rich:dataTable>
			</a4j:outputPanel>
		</h:form>
	</div>	
	 <t:saveState id="saveTask" value="#{taskHome.task}"/> 
	</ui:define>
</ui:composition>
